@include base {
    $advisory-h3: (
        default: 18px,
        md: 24px
    );
    $advisory-button-font-size: (
        default: 16px,
        md: 20px
    );
    
    &-advisory {
        height: 220px;
        background: url('~assets/images/bg-7.png') no-repeat center;
        background-size: cover;
        margin-top: 90px;
        
        &__waiter {
            width: 110px;
            height: 90px;
            background: url('~assets/images/waiter.png') no-repeat center;
            background-size: 100% 100%;
            position: relative;
            margin-top: -90px;
        }
        
        &__call {
            margin-top: 50px;
            font-size: 0;
            text-align: center;
            
            input {
                height: 46px;
                line-height: 46px;
                display: inline-block;
                vertical-align: middle;
                border: 2px solid #fff;
                border-radius: 46px;
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
                background-color: transparent;
                font-size: 14px;
                color: #fff;
                padding: 1em;
                border-right: 0;
                &::-webkit-input-placeholder {
                    color: #fff;
                }
                &:-moz-placeholder {
                    color: #fff;
                }
                &::-moz-placeholder {
                    color: #fff;
                }
                &:-ms-input-placeholder {
                    color: #fff;
                }
            }
            
            button {
                height: 46px;
                line-height: 42px;
                color: #5f5bff;
                vertical-align: middle;
                font-weight: bold;
                border-radius: 46px;
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
                background-color: #fff;
                border: 0;
                padding: 0 1em;
                @include responsive($advisory-button-font-size, font-size);
            }
        }
        
        &__button {
            text-align: center;
            
            button {
                height: 46px;
                line-height: 42px;
                color: #fff;
                vertical-align: middle;
                font-weight: bold;
                border-radius: 46px;
                background-color: transparent;
                border: 2px solid #fff;
                padding: 0 1.5em;
                @include responsive($advisory-button-font-size, font-size);
            }
        }
        
        &__or {
            display: block;
            font-size: 16px;
            color: #fff;
            text-align: center;
            height: 46px;
            line-height: 46px;
            vertical-align: middle;
            margin: 0 10px;
        }
        
        &__tel {
            display: block;
            font-size: 24px;
            color: #fff;
            text-align: center;
            height: 46px;
            line-height: 46px;
            vertical-align: middle;
            margin: 0 10px;
            font-weight: bold;
        }
            
        h3 {
            margin-left: 110px;
            text-align: center;
            margin-top: -50px;
            position: relative;
            @include responsive($advisory-h3, font-size);
        }
    }
}

@include adaptive(sm) {
    @include base {
        &-advisory {
            height: 140px;
            text-align: center;
            
            h3 {
                text-align: left;
                padding-left: 20px;
            }
            
            &__call,
            &__button,
            &__or,
            &__tel {
                display: inline-block;
            }
            
            &__call {
                margin-top: 70px;
            }
        }
    }
}

@include adaptive(md) {
    @include base {
        &-advisory {
            text-align: left;
            
            &__waiter {
                width: 230px;
                height: 189px;
                display: inline-block;
                margin-top: -49px;
            }
            
            &__call {
                margin-top: 10px;
                margin-left: 240px;
            }
            
            h3 {
                color: #fff;
                margin-top: -120px;
                margin-left: 230px;
            }
        }
    }
}

@include adaptive(lg) {
    @include base {
        &-advisory {
            &__call {
                margin-top: 0;
                margin-left: 10px;
                vertical-align: middle;
            }
            
            &__waiter {
                vertical-align: middle;
            }
            
            h3 {
                color: #fff;
                margin-left: 0;
                margin-top: 0;
                display: inline-block;
                vertical-align: middle;
                height: 46px;
                line-height: 46px;
            }
        }
    }
}